<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sticky sidebar or box</title>
<link type="text/css" rel="stylesheet" href="sidebar.css" media="screen" />
<link type="text/css" rel="stylesheet" href="header.css" media="screen" />
</head>
    
    <body>
   <div id ="headbar">
            <h1>Namelles </h1>
	</div>
	<div id ="footbar">
            <div id="RightBar">
            	<br>
                <input type="image" src="imadge/on-off.jpg" name="image" background-color="#C0C0C0" width="35" height="35" >
               
            </div>
	</div>
    <div id="leftbar" class="sidebox">

        <tsble>
           <tr> <td>
        image </br> to go here
        <hr>
            name
            surename
        </a>
        <hr>
            <a href="header.html">
                <b><input type="image" src="imadge/pms.jpg" name="pms" background-color="#C0C0C0" width="35" height="35" >
               </b>
            </a>
            <hr>
                lista apo </br>
            endiaferonta
			<ul>
				<li>interest 1</li>
				<li>interest 2</li>
				<li>interest 3</li>
			</ul>
            <hr>
                </td>
           </tr>
        </table>
    </div>
        
    <div id="rightbar" class="sidebox">

        <table>
           <tr> <td>
        <hr>
            friend list
             <ul>
             	<li>
             		<a href="header.html">
                    <b>friend1</b>
                    </a>
				</li>
				<li>
             		<a href="header.html">
                    <b>friend2</b>
                    </a>
				</li>
				<li>
             		<a href="header.html">
                    <b>friend3</b>
                    </a>
				</li>
             </ul>
            <hr>
                comon-popular </br>
                interests list
            <hr>
                </td>
           </tr>
        </table>
    </div>
<div id="textmotherfucker">
	<form id="register">
		<h1>Player</h1>
		<table style="margin: auto;">
		<tr>
		<td>First name: </td><td>  <input type="text" name="firstname" /></td>
		</tr><tr>
		<td>Last name: </td><td>  <input type="text" name="lastname" /></td>
		</tr><tr>
		<td>Password: </td><td>  <input type="text" name="password" /></td>
		</tr><tr>
		<td>Repeat Password: </td><td> <input type="text" name="repassword" /></td>
		</tr><tr>
		<td>Date of birth: </td><td>  <input type="text" name="dateOfBirth" /></td>
		</tr>
		</table>
	</form>
</div>
</body>
</html>